<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>


<div class="container">
	<div class="row">
	<div id="navigation-side" role="navigation" class="span navigation-column overthrow">
	<form class="navbar-search hidden-desktop" action="/search/">
    	<input type="text" name="query" class="search-query" placeholder="Search">
    	<button tabindex="-1" class="search-button btn-link" type="submit"><b class="glyphicon-search"></b></button>
  	</form>
  	
  	<!-- HOME 메뉴 -->
	<ul class="nav nav-pills nav-stacked">
		<li class="active"><a href="/news_feed/"> 
			<i class="icon-nextdoorv2 icon-m-house"></i> Home </a>
		</li>
		<li class="">
			<a href="/message_inbox/inbox/">
			<i class="icon-nextdoorv2 icon-m-mail"></i> Inbox 
			<small class="label label-badge unread-inbox-message-count"></small>
			</a>
		</li>
		<li class="">
			<a href="/directory/"> 
			<i class="icon-nextdoorv2 icon-m-directory"></i> Neighbors </a>
		</li>
		<li class=" hidden-phone">
			<a href="/map/"> <i class="icon-nextdoorv2 icon-m-map"></i> Map </a>
		</li>
		<li class="">
			<a href="/events/"> 
			<i class="icon-nextdoorv2 icon-m-calendar"></i> 2 Upcoming Events </a>
		</li>
		<li class=" hidden-desktop">
			<a href="/invitation_email/?is=jpm">
				<i class="icon-nextdoorv2 icon-m-leaf"></i> Invite </a>
		</li>
	</ul>
	<!-- LOCAL 메뉴 -->
	<h6><i class="icon-nextdoorv2 icon-m-pin"></i>
    	Local
  	</h6>
  	<ul class="nav nav-pills nav-stacked">
    	<li data-nav-item="neighborhood_feed" class="">
        <a href="/neighborhood_feed/">
        	Alta Hill
        </a>
      </li>
      <li data-nav-item="nearby_neighborhoods" class="">
        <a href="/nearby_neighborhoods_feed/">
          Nearby Neighborhoods
        </a>
      </li>
      <li data-nav-item="localfeed_126901" class="">
        <a href="/local_feed/democity/">
          City Police Department
        </a>
      </li>
 	 </ul>

	<!-- Category 메뉴 -->
  <h6><i class="icon-nextdoorv2 icon-m-tag"></i>
    Categories
  </h6>
	<ul class="nav nav-pills nav-stacked">
		<li data-nav-item="classifieds" class="">
		<a href="/nextdoor/articleSimpleList.action?category=Classifieds">
				Classifieds </a></li>

		<li data-nav-item="crime-and-safety" class="">
		<a href="/nextdoor/articleSimpleList.action?category=Crime & Safety">
				Crime &amp; Safety </a></li>

		<li data-nav-item="documents" class="">
		<a href="/nextdoor/articleSimpleList.action?category=Documents">
				Documents </a></li>

		<li data-nav-item="free" class="">
		<a href="/nextdoor/articleSimpleList.action?category=free items">
				Free items </a></li>

		<li data-nav-item="general" class="">
		<a href="/nextdoor/articleSimpleList.action?category=General">
				General </a></li>

		<li data-nav-item="lost-and-found" class="">
		<a href="/nextdoor/articleSimpleList.action?category=Lost & Found">
				 Lost &amp; Found </a></li>

		<li data-nav-item="recommendations" class="">
		<a href="/nextdoor/articleSimpleList.action?category=Recommendations">
		Recommendations </a></li>
	</ul>

  <!-- Your Groups Menu -->
  <h6><i class="icon-nextdoorv2 icon-m-people"></i>
    Your Groups
  </h6>
	<ul class="nav nav-pills nav-stacked">
	
		<li data-nav-item="group_702" class=""><a href="/nextdoor/articleDetailList.action?groupname=Alta Hill Neighborhood Watch ">
				Alta Hill Neighborhood Watch </a></li>
	
		<li data-nav-item="group_108984" class=""><a
			href="/nextdoor/articleDetailList.action?groupname=Alta Hill Parents"> Alta Hill Parents </a></li>
		
		<li data-nav-item="group_109004" class=""><a
			href="/nextdoor/articleDetailList.action?groupname=Running Club"> Running Club </a></li>
	
		<li data-nav-item="join_group" class=""><a href="/groups/">
				Browse all 10 groups </a></li>
	</ul>
		<!-- FOOTER 메뉴 -->
		<div class="footer">
			<p>
				<span class="copyright">&copy; Nextdoor 2014</span> <span
					class="hidden-phone"> <a href="/about_us/">About</a> <a
					href="http://blog.nextdoor.com">Blog</a> <a
					href="/neighborhood_guidelines/#guidelines">Guidelines</a> <a
					href="/help/">Help</a> <a href="/jobs/">Jobs</a> <a
					href="/privacy/#privacy">Privacy</a> <a href="/press/">Press</a> <a
					href="/about_safety/#safety">Safety</a>
				</span>
			</p>
		</div>
	</div> <!-- naviagtion side line688 -->
<!-- MENU의 끝 -->